<template>
	<view style="width: 100%;">
		<image :src="drugDetail.image" mode="" style="width: 730rpx; height: 380rpx; margin: 12rpx 10rpx; "></image>
	<view >
		
		
	<view style="display: flex; align-items: center; margin-left: 10rpx; ">
		<view style="width: 112rpx ; height: 28rpx;   background-color: rgba(250, 116, 107, 0.2); display: flex; align-items: center; justify-content: center; border-radius: 12rpx;">
				<text style="font-size: 12px;color: #FA746B;">{{drugDetail.type}}</text>
		</view>
		
		<text style="    font-size: 18px;
    line-height: 27px;">{{drugDetail.name}}</text>
	</view>
	
	
	</view>
	
	<text style="font-size: 12px;
    color: #999999;
	 margin-left: 10rpx;
    line-height: 27px;">{{drugDetail.spec}}</text>
	<view style="margin-left: 10rpx; margin-top: 50rpx;   font-size: 36rpx;
    line-height: 54rpx">药品信息</view>
	<view style="margin-left: 10rpx; margin-top: 50rpx;    font-size: 36rpx;
	line-height: 54rpx">功能主治</view>
	<view style="margin-left: 10rpx; margin-top: 50rpx;    font-size: 36rpx;
	line-height: 54rpx">性状</view>
	<view style="margin-left: 10rpx; margin-top: 50rpx;    font-size: 36rpx;
	line-height: 54rpx">不良反应</view>
	<view style="margin-left: 10rpx; margin-top: 50rpx;    font-size: 36rpx;
	line-height: 54rpx">禁忌</view>
	<view style="margin-left: 10rpx;  margin-top: 50rpx;   font-size: 36rpx;
	line-height: 54rpx">储藏</view>
	</view>
	
</template>

<script setup>
import {
		onLoad
	} from '@dcloudio/uni-app';
import { getMedicinesDetailApi } from '../../../api/medication';
import { reactive, ref } from 'vue';
		const drugDetail=ref({

	})
	onLoad((options)=>{
		getMedicinesDetail (options)
	})
	function getMedicinesDetail (options){
		getMedicinesDetailApi({
			_id:options._id
		})
		.then(res=>{
			if(res.code==200){
				drugDetail.value=res.data
			}
		})
	}
</script>

<style>

</style>
